﻿<#include "include/_meta.html">
<title>管理员列表</title>
</head>
<body>
<nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页 <span class="c-gray en">&gt;</span> 管理员管理 <span class="c-gray en">&gt;</span> 管理员列表 <a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新" ><i class="Hui-iconfont">&#xe68f;</i></a></nav>
<div class="page-container">
	<div class="text-c">
		系统资源管理	
		</div>
	
	<div class="cl pd-5 bg-1 bk-gray mt-20"> 
	<span class="l">
		<a href="javascript:;" onclick="resource_add('添加资源','/resourcesadd','800','500')" class="btn btn-primary radius">
			<i class="Hui-iconfont">&#xe600;</i> 添加资源
		</a>
		<a href="javascript:;" onclick="fun_resource_edit()" class="btn btn-primary radius">
			<i class="Hui-iconfont">&#xe602;</i> 修改资源
		</a>
		<a href="javascript:;" onclick="datadel()" class="btn btn-danger radius">
			<i class="Hui-iconfont">&#xe6e2;</i> 批量删除
		</a>			
	</span> 	 
	</div>
	
	<div  style="float:left;">
	 <iframe id="resTree" height="700px" scrolling="auto" frameborder="0" src="/getResTree"></iframe>
	</div>
	<div style="float:right;" >
	<iframe id="resourceSelect"  width="800px" height="700px" scrolling="auto" frameborder="0" src="/getResSelect"></iframe>
	</div>
	
</div>

<#include "include/_footer.html">

<script type="text/javascript">

var datadel = function(){
	alert("批量删除");
	var iframe = document.getElementById('resourceSelect');//获取那个iframe，也可以用$('#iframe')[0]替代
	var iframeWindow = iframe.contentWindow;//获取iframe里的window对象
	var $c = iframeWindow.$;//获取iframe中的jquery对象
	//alert($c(':checkbox').length);//获取iframe中body元素，其他的话自己用$c('#aaa')去获取吧
	//alert($c("input[name='useritem']:checked").val());
	
	var checkedNum = $c("input[name='useritem']:checked").length;	
	//判断选择项是否为空	
	if(checkedNum==0){
		layer.msg('请选中要删除的列表项!',{icon: 5,time:1000});
		return;
	}
	//获取选择项的值
	var checkedVal = "";
	$c("input[name='useritem']:checked").each(function(){  
		checkedVal+=$(this).val()+",";  
	});	
	var itemsTipStr = "这条记录";
	if(checkedNum>1){
		itemsTipStr = "这些选项";
	}
	
	layer.confirm('确认要删除'+itemsTipStr+'吗？',function(){	
		//此处请求后台程序，下方是成功后的前台处理……
		$.ajax({
		   type: "POST",
		   url: "/delResources",
		   data: "permissid="+checkedVal,
		   success: function(msg){		   		   
				layer.msg('已删除!',{icon: 5,time:1000});				
				$("#userListTable").dataTable().fnClearTable();
		        initTable();
		   }
		});
	});
}


/*
	参数解释：
	title	标题
	url		请求的url
	id		需要操作的数据id
	w		弹出层宽度（缺省调默认值）
	h		弹出层高度（缺省调默认值）
*/
/*管理员-增加*/
function resource_add(title,url,w,h){
	layer_show(title,url,w,h);
}
/*点击编辑按钮后*/
function fun_resource_edit(){	
	var iframe = document.getElementById('resourceSelect');//获取那个iframe，也可以用$('#iframe')[0]替代
	var iframeWindow = iframe.contentWindow;//获取iframe里的window对象
	var $c = iframeWindow.$;//获取iframe中的jquery对象
	alert($c(':checkbox').length);//获取iframe中body元素，其他的话自己用$c('#aaa')去获取吧
	alert($c("input[name='useritem']:checked").val());
	
	var checkedNum = $c("input[name='useritem']:checked").length;
	if(checkedNum <= 0){
		layer.msg('请选中要修改的列表项!',{icon: 5,time:1500});
		return;
	}
	if(checkedNum>1){
		layer.msg('每次只能修改一条记录!',{icon: 5,time:1500});
		return;
	}
	//获取选中复选框的ID编号
	var checkedVal = $c("input[name='useritem']:checked").val();
	
	resource_edit('修改资源','/resourcesedit?permisid='+checkedVal,'800','500')
	
	//var permisid = '1';
	//var url = "/resourcesedit?permisid="+permisid;
	//调用编辑方法，弹出编辑窗口	
	
	
}
/*管理员-删除*/
function admin_del(obj,id){
	layer.confirm('确认要删除吗？',function(index){
		//此处请求后台程序，下方是成功后的前台处理……		
		
		$.ajax({
		   type: "POST",
		   url: "/resourcedelete",
		   data: "userid="+id,
		   success: function(msg){
		       	$("#userListTable").dataTable().fnClearTable();
        		initTable();
		   }
		});
		
		
		$(obj).parents("tr").remove();
		layer.msg('已删除!',{icon:1,time:1000});
	});
}

/*管理员-编辑*/
function resource_edit(title,url,w,h){	
	layer_show(title,url,w,h);
}
</script>
</body>
</html>